<template>
  <div class="p-20 pt-20 pb-20 box box-column">
    <div class="youxue-field box p-10 box box- box-column-center mt-20 mb-20">
      <div class="left pr-10">
        <span>任务名称</span>
      </div>
      <div class="input border box-1">
        <input
          type="text"
          class="pl-10"
          style="height: 30px; line-height: 30px;"
        />
      </div>
    </div>

    <div class="youxue-field p-10 box">
      <div class="left self-start mr-10">
        <span>任务描述</span>
      </div>
      <div class="input box-1">
        <textarea class="border"></textarea>
      </div>
    </div>

    <div class="youxue-field box p-10 box-column-center mt-20 mb-20">
      <div class="left pr-10">
        <span>好人币数量</span>
      </div>
      <div class="input border box-1">
        <input
          type="number"
          class="pl-10"
          style="height: 30px; line-height: 30px;"
        />
      </div>
    </div>

    <div class="youxue-field box p-10 box-column-center mt-20 mb-20">
      <div class="left pr-10">
        <span>需要参与人数量</span>
      </div>
      <div class="input border box-1">
        <input
          type="number"
          class="pl-10"
          style="height: 30px; line-height: 30px;"
        />
      </div>
    </div>

    <div class="mt-20 box box-center">
      <canuse-button>发布</canuse-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped></style>
